﻿@using QLMB.Infrastructure
@model QLMB.ViewModels.InfoFlight
           
@{
    ViewBag.Title = "InfoBooker";
}
@section script {
    <script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.json-2.2.js" type="text/javascript"></script>
    <script language = "javascript" type ="text/javascript">
        $(document).ready(function () {
            $('.date').datepicker({ dateFormat: "mm/dd/yy" });
            $("#khdd").change(function () {
                $("#Nguoidat_HoHK").val('');
                $("#Nguoidat_TenHK").val('');
                $("#Nguoidat_SDTDidong").val('');
                $("#Nguoidat_SoCMND").val('');
                $("#Nguoidat_Email").val('');
                $("#Nguoidat_HoHK").removeAttr("readonly");
                $("#Nguoidat_TenHK").removeAttr("readonly");
                $("#Nguoidat_SDTDidong").removeAttr("readonly");
                $("#Nguoidat_SoCMND").removeAttr("readonly");
                $("#Nguoidat_DanhTinh").removeAttr("readonly");
                $("#Nguoidat_GioiTinh").removeAttr("readonly");
                $("#Nguoidat_SDTBan").removeAttr("readonly");
                $("#Nguoidat_Email").removeAttr("readonly");
                $("#Nguoidat_SoFax").removeAttr("readonly");
                $("#Nguoidat_MaHK").val(null);
                if ($(this).val() != "-1") {
                    var tbma = "dsHK_" + $(this).val() + "__MaHK";
                    var tbho = "dsHK_" + $(this).val() + "__Ho";
                    var tbten = "dsHK_" + $(this).val() + "__Ten";
                    var sdt = "dsHK_" + $(this).val() + "__SoDT";
                    var cmnd = "dsHK_" + $(this).val() + "__SoCMND";
                    $("#Nguoidat_HoHK").val($("#" + tbho).val());
                    $("#Nguoidat_TenHK").val($("#" + tbten).val());
                    $("#Nguoidat_SDTDidong").val($("#" + sdt).val());
                    $("#Nguoidat_SoCMND").val($("#" + cmnd).val());
                    $("#Nguoidat_MaHK").val($("#" + tbma).val());
                    var scm = $("#" + cmnd).val();
                    $.getJSON("/Book/SearchInfo/", { id: scm },
                        function (json) {
                            if ($("#" + tbho).attr("readonly") == true) {
                                $("#Nguoidat_HoHK").attr("readonly", "readonly");
                                $("#Nguoidat_SDTDidong").attr("readonly", "readonly");
                                $("#Nguoidat_TenHK").attr("readonly", "readonly");
                                $("#Nguoidat_SoCMND").attr("readonly", "readonly");
                                $("#Nguoidat_DanhTinh").attr("readonly", "readonly");
                                $("#Nguoidat_GioiTinh").attr("readonly", "readonly");
                                $("#Nguoidat_SDTBan").attr("readonly", "readonly");
                                $("#Nguoidat_Email").attr("readonly", "readonly");
                                $("#Nguoidat_SoFax").attr("readonly", "readonly");
                                $("#Nguoidat_Email").val(json.Email);
                            }
                            else {
                                $("#Nguoidat_Email").val(json.Email);
                                $("#Nguoidat_HoHK").attr("readonly", "readonly");
                                $("#Nguoidat_SDTDidong").attr("readonly", "readonly");
                                $("#Nguoidat_TenHK").attr("readonly", "readonly");
                                $("#Nguoidat_SoCMND").attr("readonly", "readonly");
                            }
                        });
                }
            });
            $("#Nguoidat_SoCMND").change(function () {
                var cmnd = $(this).val();
                $.getJSON("/Book/SearchInfo/", { id: cmnd },
                function (json) {
                    $("#Nguoidat_DanhTinh").val(json.DanhTinh);
                    $("#Nguoidat_HoHK").val(json.Ho);
                    $("#Nguoidat_TenHK").val(json.Ten);
                    $("#Nguoidat_GioiTinh").val(json.GioiTinh);
                    $("#Nguoidat_NgaySinh").val(json.NgaySinh);
                    $("#Nguoidat_SDTDidong").val(json.SDT);
                    $("#Nguoidat_SDTBan").val(json.SDTB);
                    $("#Nguoidat_Email").val(json.Email);
                    $("#Nguoidat_SoFax").val(json.Fax);
                    $("#Nguoidat_MaHK").val(json.MaHK);
                });
            });
            $(".CMND").change(function () {
                document.getElementById("msg-sameuser").innerHTML = "";
                var cmnd = $(this).val();
                var i = $(this).attr("id").substring(5, 6);
                var mcbdi = $("#MaChuyenBayDi").val();
                $.getJSON("/Book/CheckSameUser/", { cmnd: cmnd, macb: mcbdi },
                function (json1) {
                    if (json1.check) {
                        document.getElementById("msg-sameuser").innerHTML = "Hanh khach da dang ky luot di o chuyen bay nay roi";
                        var cmnd = "dsHK_" + i + "__SoCMND";
                        var ho = "dsHK_" + i + "__Ho";
                        var ten = "dsHK_" + i + "__Ten";
                        var sdt = "dsHK_" + i + "__SoDT";
                        var tbma = "dsHK_" + i + "__MaHK";
                        $("#" + cmnd).val("");
                        $("#" + cmnd).focus();
                        $("#" + ho).val('');
                        $("#" + ten).val('');
                        $("#" + sdt).val('');
                        $("#" + tbma).val('');
                    }
                    else {
                        var tbcmnd = "dsHK_" + i + "__SoCMND";
                        var cmnd = $("#" + tbcmnd).val();
                        $.getJSON("/Book/SearchInfo/", { id: cmnd },
                        function (json) {
                            var ho = "dsHK_" + i + "__Ho";
                            $("#" + ho).val(json.Ho);
                            var ten = "dsHK_" + i + "__Ten";
                            $("#" + ten).val(json.Ten);
                            var sdt = "dsHK_" + i + "__SoDT";
                            $("#" + sdt).val(json.SDT);
                            var tbma = "dsHK_" + i + "__MaHK";
                            $("#" + tbma).val(json.MaHK);
                            if (json.Quyen == 0) {
                                $("#" + ho).attr("readonly", "readonly");
                                $("#" + ten).attr("readonly", "readonly");
                                $("#" + sdt).attr("readonly", "readonly");
                            }
                            else {
                                $("#" + ho).removeAttr("readonly");
                                $("#" + ten).removeAttr("readonly");
                                $("#" + sdt).removeAttr("readonly");
                            }
                        });
                    }
                });
                var loaive = $("#Loaive").val();
                if (loaive == "Khu hoi") {
                    var mcbve = $("#MaChuyenBayVe").val();
                    $.getJSON("/Book/CheckSameUser/", { cmnd: cmnd, macb: mcbve },
                    function (json2) {
                        if (json2.check) {
                            document.getElementById("msg-sameuser").innerHTML = "Hanh khach da dang ky luot ve o chuyen bay nay roi";
                            var cmnd = "dsHK_" + i + "__SoCMND";
                            var ho = "dsHK_" + i + "__Ho";
                            var ten = "dsHK_" + i + "__Ten";
                            var sdt = "dsHK_" + i + "__SoDT";
                            var tbma = "dsHK_" + i + "__MaHK";
                            $("#" + cmnd).val("");
                            $("#" + cmnd).focus();
                            $("#" + ho).val('');
                            $("#" + ten).val('');
                            $("#" + sdt).val('');
                            $("#" + tbma).val('');
                        }
                        else {
                            var tbcmnd = "dsHK_" + i + "__SoCMND";
                            var cmnd = $("#" + tbcmnd).val();
                            $.getJSON("/Book/SearchInfo/", { id: cmnd },
                            function (json) {
                                var ho = "dsHK_" + i + "__Ho";
                                $("#" + ho).val(json.Ho);
                                var ten = "dsHK_" + i + "__Ten";
                                $("#" + ten).val(json.Ten);
                                var sdt = "dsHK_" + i + "__SoDT";
                                $("#" + sdt).val(json.SDT);
                                var tbma = "dsHK_" + i + "__MaHK";
                                $("#" + tbma).val(json.MaHK);
                                if (json.Quyen == 0) {
                                    $("#" + ho).attr("readonly", "readonly");
                                    $("#" + ten).attr("readonly", "readonly");
                                    $("#" + sdt).attr("readonly", "readonly");
                                }
                                else {
                                    $("#" + ho).removeAttr("readonly");
                                    $("#" + ten).removeAttr("readonly");
                                    $("#" + sdt).removeAttr("readonly");
                                }
                            });
                        }
                    });
                }
            });

            $("#btxn").click(function () {
                if ($(this).val() == "Dang xuat") {
                    $("#tb_cmnd").val("");
                    $("#password").val("");
                    $("#Nguoidat_DanhTinh").val('');
                    $("#Nguoidat_HoHK").val('');
                    $("#Nguoidat_TenHK").val('');
                    $("#Nguoidat_GioiTinh").val('');
                    $("#Nguoidat_SoCMND").val('');
                    $("#Nguoidat_NgaySinh").val('');
                    $("#Nguoidat_SDTDidong").val('');
                    $("#Nguoidat_SDTBan").val('');
                    $("#Nguoidat_Email").val('');
                    $("#Nguoidat_SoFax").val('');
                    $("#Nguoidat_MaHK").val(null);

                    $("#Nguoidat_DanhTinh").removeAttr("readonly");
                    $("#Nguoidat_HoHK").removeAttr("readonly");
                    $("#Nguoidat_TenHK").removeAttr("readonly");
                    $("#Nguoidat_GioiTinh").removeAttr("readonly");
                    $("#Nguoidat_SoCMND").removeAttr("readonly");
                    $("#Nguoidat_NgaySinh").removeAttr("readonly");
                    $("#Nguoidat_SDTDidong").removeAttr("readonly");
                    $("#Nguoidat_SDTBan").removeAttr("readonly");
                    $("#Nguoidat_Email").removeAttr("readonly");
                    $("#Nguoidat_SoFax").removeAttr("readonly");
                    $(this).attr("value", "Xac nhan");
                }
                else {
                    var ten = $("#tb_cmnd").val();
                    var pas = $("#password").val();
                    var button = $(this);
                    $.getJSON("/Book/CheckUser/", { name: ten, pass: pas },
                    function (json) {
                        if (json.Count == 1) {
                            $("#Nguoidat_DanhTinh").val(json.DanhTinh);
                            $("#Nguoidat_DanhTinh").attr("readonly", "readonly");
                            $("#Nguoidat_HoHK").val(json.Ho);
                            $("#Nguoidat_HoHK").attr("readonly", "readonly");
                            $("#Nguoidat_TenHK").val(json.Ten);
                            $("#Nguoidat_TenHK").attr("readonly", "readonly");
                            $("#Nguoidat_GioiTinh").val(json.GioiTinh);
                            $("#Nguoidat_GioiTinh").attr("readonly", "readonly");
                            $("#Nguoidat_SoCMND").val(json.CMND);
                            $("#Nguoidat_SoCMND").attr("readonly", "readonly");
                            $("#Nguoidat_NgaySinh").val(json.NgaySinh);
                            $("#Nguoidat_NgaySinh").attr("readonly", "readonly");
                            $("#Nguoidat_SDTDidong").val(json.SoDD);
                            $("#Nguoidat_SDTDidong").attr("readonly", "readonly");
                            $("#Nguoidat_SDTBan").val(json.SoDTB);
                            $("#Nguoidat_SDTBan").attr("readonly", "readonly");
                            $("#Nguoidat_Email").val(json.Email);
                            $("#Nguoidat_Email").attr("readonly", "readonly");
                            $("#Nguoidat_SoFax").val(json.Fax);
                            $("#Nguoidat_SoFax").attr("readonly", "readonly");
                            document.getElementById("msg-checkuser").innerHTML = "";
                            button.attr("value", "Dang xuat");
                            $("#Nguoidat_MaHK").val(json.MaHK);
                        }
                        else {
                            document.getElementById("msg-checkuser").innerHTML = "Ban da nhap sai ten hoac mat khau!";
                            $("#tb_cmnd").val("");
                            $("#tb_cmnd").focus();
                            $("#password").val("");
                        }
                    });
                }
            });

        });
    </script>
}

<h2>InfoBooker</h2>
@Html.HiddenFor(x => x.MaChuyenBayDi)
@Html.HiddenFor(x => x.MaChuyenBayVe)
@Html.HiddenFor(x => x.Loaive)
<input id="Check" type="hidden" value="false">
@using (Html.BeginForm())
{
    <fieldset>
        <legend>Thong tin cac hanh khach</legend>
        <div>
        Chúng tôi cần biết thông tin liên lạc của Quý khách và các hành khách đi cùng. Vui lòng điền vào các thông tin cần thiết, sau khi hoàn tất tiếp tục phần thanh toán ở trang sau.
        <br />
        Tên phải trùng và chính xác với tên đã đăng ký trên hộ chiếu của hành khách (bắt buộc đối với chuyến bay Quốc tế) hoặc các loại giấy tờ được chấp nhận (như CMND, bằng lái xe... đối với chuyến bay Quốc nội) để trình tại quầy làm thủ tục ở sân bay.
        </div>
        <br />

        @for (int i = 0; i < Model.SoNguoiLon; i++)
        {
            <div class = "ttkh" style = "border:1px">
                @Html.Label("Hanh khach " + (i + 1).ToString() + ": (Nguoi lon)")
                <table>
                    <tr>
                        <td>SoCMND*</td>
                        <td>Ho va ten dem*</td>
                        <td>Ten*</td>
                        <td>So dien thoai*</td>
                    </tr>
                    <tr>
                        <td>@Html.TextBoxFor(x => x.dsHK[i].SoCMND, new { Class = "CMND" })<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].SoCMND)
                        </td>
                        <td>@Html.EditorFor(x => x.dsHK[i].Ho)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].Ho)
                        </td>
                        <td>@Html.EditorFor(x => x.dsHK[i].Ten)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].Ten)
                        </td>
                        <td>@Html.EditorFor(x => x.dsHK[i].SoDT)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].SoDT)
                        </td>
                        <td>
                            @Html.HiddenFor(x => x.dsHK[i].MaHK)<br />                        
                        </td>
                    </tr>
                </table>
                <i><p id ="msg-sameuser"></p></i>
            </div>
        }

        @for (int i = Model.SoNguoiLon; i < ViewBag.l; i++)
        {
            <div class = "ttkh" style = "border:1px">
                @Html.Label("Hanh khach " + (i + 1).ToString() + ": (Tre em)")
                <table>
                    <tr>
                        <td>Ten*</td>
                        <td>Ho va ten dem*</td>
                        <td>So dien thoai</td>
                    </tr>
                    <tr>
                        <td>@Html.EditorFor(x => x.dsHK[i].Ho)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].Ho)
                        </td>
                        <td>@Html.EditorFor(x => x.dsHK[i].Ten)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].Ten)
                        </td>
                        <td>@Html.EditorFor(x => x.dsHK[i].SoDT)<br />
                            @Html.ValidationMessageFor(x => x.dsHK[i].SoDT)
                        </td>
                    </tr>
                </table>
            </div>
        }
    </fieldset>
    <fieldset>
        <legend>Thong tin khach hang dai dien</legend>
        <div>
        Vui lòng cung cấp các thông tin liên lạc dưới đây bao gồm địa chỉ e-mail, số điện thoại để chúng tôi liên lệ với Quý khách nếu như có bất kỳ thay đổi nào liên quan đến chuyến bay của Quý khách. 
        Chúng tôi sẽ gửi thông tin về hành trình chuyến bay vào địa chỉ e-mail mà Quý khách đã cung cấp.
        </div>
        <br />
        Trong trường hợp quý khách đã đăng ký là khách hàng của hãng, vui lòng nhập số CMND và password vào bên dưới để nhận thêm các ưu đãi của hãng.
        <div class = "login">
            <span align = "right" style = "width:20px;">Số CMND:</span> <span>@Html.TextBox("tb_cmnd")</span>
            <span align = "right" style = "width:20px;">Password:</span> <span>@Html.Password("password")</span>
            @Html.HiddenFor(x => x.Nguoidat.MaHK)
            <input id = "btxn" type = "button" value = "Xac nhan" /><br />
            <i><p id ="msg-checkuser"></p></i>
            
        </div>

            
        <br />
        <div id ="info-user">
        <table>
            <tr>
                <td align = "right">Lấy thông tin từ khách hàng trên:</td>
                <td>@Html.DropDownListFor(x => x.khdd, (SelectList)ViewBag.SList)</td>

            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.SoCMND)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.SoCMND)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.SoCMND)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.DanhTinh)</td>
                    <td align = "left">@Html.DropDownListFor(x => x.Nguoidat.DanhTinh, new SelectList(new[]
                                                                    {
                                                                        new{val =  "Mr", Text = "Mr"},
                                                                        new{val =  "Mrs", Text = "Mrs"},
                                                                        new{val =  "Miss", Text = "Miss"},
                                                                        new{val =  "Master", Text = "Master"},
                                                                        new{val =  "Child", Text = "Child"},
                                                                        new{val =  "Captain", Text = "Captain"},
                                                                        new{val =  "Doctor", Text = "Doctor"},
                                                                        new{val =  "Professor", Text = "Professor"}
                                                                    }, "val", "text"))</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.DanhTinh)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.HoHK)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.HoHK)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.HoHK)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.TenHK)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.TenHK)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.TenHK)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.GioiTinh)</td>
                <td align = "left">@Html.DropDownListFor(x => x.Nguoidat.GioiTinh, new SelectList(new[]
                                                            {
                                                                new{val = "Male", Text ="Nam"},
                                                                new{val = "Female", Text = "Nữ"}
                                                            }, "val", "text"))</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.GioiTinh)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.NgaySinh)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.NgaySinh)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.NgaySinh)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.SDTDidong)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.SDTDidong)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.SDTDidong)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.SDTBan)</td>
                <td align = "left">@Html.TextBoxFor(x => x.Nguoidat.SDTBan)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.Email)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.Email)</td>
                <td>@Html.ValidationMessageFor(x => x.Nguoidat.Email)</td>
            </tr>
            <tr>
                <td align = "right">@Html.LabelFor(x => x.Nguoidat.SoFax)</td>
                <td align = "left">@Html.EditorFor(x => x.Nguoidat.SoFax)</td>
            </tr>

        </table>
        </div>
    </fieldset>
    <input type="submit" value="Tiep tuc" />
}
